<html>
<head>
<link rel='stylesheet' href='../../../../../../../../../../../../js/sh/SyntaxHighlighter.css' type='text/css' />
<script src='../../../../../../../../../../../../js/sh/shCore.js'></script>
<script src='../../../../../../../../../../../../js/sh/shBrushJava.js'></script>
<style>
* {
font-family:Courier New,monospace;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  font-size: 11px;
}
.dp-highlighter {
  white-space: nowrap;
  overflow: visible;
  width: 600px;
  font-size: 11px;
  font-family:Courier New,monospace;
}
</style>
</head>
<body>
<textarea name='code' class='java:nogutter' rows='15' cols='120'>
isc.DataSource.create({
    ID:"contacts",
    dataFormat:"xml",
    recordXPath:"//contact",
    dataURL:"/isomorphic/system/reference/inlineExamples/dataIntegration/xml/contactsData.xml",
    fields:[
        {name:"name"},
        {name:"email"},
        {name:"organization"},
        {name:"phone"},
        {name:"street", valueXPath:"address/street"},
        {name:"city", valueXPath:"address/city"},
        {name:"state", valueXPath:"address/state"},
        {name:"zip", valueXPath:"address/zip"}
    ]
});

isc.ListGrid.create({
    ID: "boundGrid",
    dataSource: "contacts",
    width: "100%",
    autoFetchData: true
});
</textarea>
<script class='javascript'>
dp.SyntaxHighlighter.HighlightAll("code");
</script>
</body>
</html>
